<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <style>
        #first {
            width: 200px;
            height: 200px;
            background-color: antiquewhite;
            text-align: center;
            line-height: 200px;
        }

        #ul01 li {
            /* 隐藏起来 */
            display: none;
        }
    </style>
    <title>Document</title>
</head>

<body>
    <!-- 单击onclick 调用函数show、 -->
    <div id="first"></div><input type="submit" value="提交" onclick="show()">

    <ul id="ul01">
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
    </ul>


    <script>
        // document.write("hellow，你好");
        //  定义变量 获取盒子    得到元素通过id获得
        var firstDiv = document.getElementById("first");

        //定义函数
        function show() {
            alert("恭喜你提交成功了!");
        }
        // 鼠标放上去会有效果
        firstDiv.onmouseover = function () {
            firstDiv.innerHTML = "鼠标移入Div";
        }
        firstDiv.onmouseout = function () {
            firstDiv.innerHTML = "鼠标移出Div";
        }


        // ul
        var lis = document.getElementById("ul01").getElementsByTagName("li");
        // 将lis[1] 显示出来
        lis[1].style.display = "block";

        for (var i = 0; i <= 3; i++) {
            lis[i].style.display = "block";
        }

        function Random(min, max) {
            //     从0-1 到20-30    =20+10*(0-1)
            // 0-1的数
            n = Math.random();
            n = Math.floor(min + n * (max - min));
            return n;
        }
        // 在文档中输出   向下取整需要在最后的数字＋1
        document.write("随机生成一个1~46的数字" + Random(1, 47));
        var date = new Date();
        year = date.getFullYear();
        // 索引的形式显示，所以要加1
        month = date.getMonth() + 1;
        day = date.getDate();
        document.write("<br>当前时间是" + year + "年" + month + "月" + day + "号");
    </script>
</body>

</html>